<div align="center" style="margin-top:20px; min-height:500px;">
  	 <!--图片轮播显示-->
     <div class="swiper-container">
         <div class="swiper-wrapper">
             <div class="swiper-slide">
           <img id="imgPlayer" name="imgPlayer" src="" style="display:none; max-width:100%; max-height:100%;"></img>
             </div>
         </div>
         <div class="swiper-button-prev" onclick="ImgListViewer.gotoPreviousDoc()" style="color: #007aff"></div>
         <div class="swiper-button-next" onclick="ImgListViewer.gotoNextDoc()" style="color: #007aff"></div>
     </div>	
</div>

<script type="text/javascript">
var height =  window.screen.height;
console.log("window height=" + height)
height *= 0.95;
console.log("dialog height=" + height)
document.getElementById('imgPlayer').style.height = height + "px";

var ImgListViewer = (function () {
	var docInfo = {};
	var imgList = [];
    var index = 0;
    
	function imgViewerPageInit(Input_doc)
	{
		console.log("imgViewerPageInit InputDoc:", Input_doc);
		docInfo = Input_doc;
		getAndShowImages(docInfo);
	}
	
    function getAndShowImages(docInfo)
    {	
		$.ajax({
            url : "/DocSystem/Repos/getSubDocList.do",
            type : "post",
            dataType : "json",
            data : {
                vid: docInfo.vid,
                docId: docInfo.docId,
                path: docInfo.path,
                name: "",
                shareId: docInfo.shareId,
            },
            success : function (ret) {
         		//console.log("showDocList ret:", ret)
         		if(ret.status == "ok")
            	{
					getImgList(ret.data, docInfo);
                }
                else
                {
                	console.log(ret.msgInfo);
                    showErrorMessage("获取文件列表错误:" + ret.msgInfo);
                }
            },
            error : function () {
            	showErrorMessage("获取文件列表错误:服务器异常");
            }
        });
    }
    
    function getImgList(docList, docInfo)
   	{
    	index = 0;
    	for(var i = 0; i < docList.length; i++)
    	{
			var doc = docList[i];
			//console.log("getImgList doc:", doc);
			if(isPictureFile(doc.name) == true)
			{
				doc.shareId = docInfo.shareId;
				imgList.push(doc);
				if(doc.docId == docInfo.docId)
				{
					index = imgList.length-1;
				}
			}
    	}
    	console.log("getImgList imgList:", imgList);
    	console.log("getImgList index:", index);
    	
    	getDocFileLinkForPreview(imgList[index], showImage, showErrorMessage);	    	
   	}
    
    function gotoPreviousDoc()
    {
    	if(index > 0)
    	{
    		index--;
    		getDocFileLinkForPreview(imgList[index], showImage, showErrorMessage);	    	
    	}
    }
    
    function gotoNextDoc()
    {
    	if(index < imgList.length -1)
    	{
    		index++;
    		getDocFileLinkForPreview(imgList[index], showImage, showErrorMessage);	    	
    	}	    	
    }
    
	function showImage(fileLink)
	{	
		console.log("showImage() fileLink:", fileLink);
		$("#imgPlayer").attr('src', fileLink);
		$("#imgPlayer").show();
	}
	
    return {
        imgViewerPageInit: function(docInfo){
        	imgViewerPageInit(docInfo);
        },
        gotoPreviousDoc: function(){
        	gotoPreviousDoc();
        },
        gotoNextDoc: function(){
        	gotoNextDoc();
        },
    };
})();

</script>
